<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<rich:panel id="ingresarUsuarioPanel">
	<h2>Registro de Usuario</h2>
	<fieldset>

		<h:outputLabel value="Cédula: " />
		<h:inputText id="itCedula" value="#{usuariosBean.usr.cedula}">
			<f:validator validatorId="CedulaValidator" />
		</h:inputText>
		<rich:message for="itCedula" />


		<h:outputLabel value="Nombres: " />
		<h:inputText id="itNombres" value="#{usuariosBean.usr.nombre}"
			required="true" />
		<rich:message for="itNombres" />

		<h:outputLabel value="Apellidos: " />
		<h:inputText id="itApellidos" value="#{usuariosBean.usr.apellido}"
			required="true" />
		<rich:message for="itApellidos" />

		<h:outputLabel value="Teléfono: " />
		<h:inputText id="itTelefono" value="#{usuariosBean.usr.telefono}" />
		<rich:message for="itTelefono" />

		<h:outputLabel value="E-mail: " />
		<h:inputText id="itEmail" value="#{usuariosBean.usr.mail}"
			required="true" validatorMessage="correo invalido">
			<f:validateRegex
				pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
		</h:inputText>
		<rich:message for="itEmail" />


		<h:outputLabel value="Nick: " />
		<h:inputText id="itNick" value="#{usuariosBean.usr.usuario}"
			required="true" />
		<rich:message for="itNick" />



		<h:outputLabel value="Contraseña: " />
		<h:inputSecret id="itPassword" value="#{usuariosBean.usr.password}"
			required="true" />
		<rich:message for="itPassword" />


		<h:outputLabel value="Confirmar Contraseña: " />
		<h:inputSecret id="itConfirmarPass"
			value="#{usuariosBean.usr.confirmarPassword}" required="true" />
		<rich:message for="itConfirmarPass" />


		<rich:panel style="max-width:92%">
			<f:facet name="header">
				<h:outputText value="Roles"></h:outputText>
			</f:facet>
			<rich:pickList value="#{usuariosBean.listRoles}"
				sourceCaption="Roles" targetCaption="Roles Asignados"
				addAllText="Asignar Todos" addText="Asignar"
				removeAllText="Revocar Todos" removeText="Revocar" listHeight="50px">
				<f:selectItems value="#{usuariosBean.listRolesDisponibles}"
					var="rol" itemLabel="#{rol.descripcion}" itemValue="#{rol.id}" />
			</rich:pickList>
		</rich:panel>
	</fieldset>
	</rich:panel>
		<h:commandButton value="Guardar" action="#{usuariosBean.guardar}" >
		<a4j:ajax execute="ingresarUsuarioPanel @this" render="@form "/>
		</h:commandButton>
		<rich:messages globalOnly="true" />

</ui:composition>

